// @font-face {
//   font-family: 'hyz';
//   src: url('../fonts/hyz.ttf') format('truetype');
// }

@font-face {
  font-family: 'han-yi';
  src: url('../fonts/han-yi.ttf') format('truetype');
}

body {
  display: flex;
  flex-direction: column;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Open Sans', sans-serif;
  color: #86a5b1;
  background-color: #f0ecec;
}

.n-layout,
.n-layout-header {
  background-color: #f0ecec !important;
}

// 侧边栏
.n-layout-sider {
  background-color: #353d44;
}

.right-layout {
  display: flex;
  flex-direction: column;
}

// 禁止布局的容器有滑动条
.n-layout-scroll-container {
  &::-webkit-scrollbar {
    display: none;
  }
}

.n-layout-body {
  position: relative;
  box-shadow: 0px 0px 20px -10px rgba(#706f6f, 0.5) inset;
}

.n-message-provider {
  padding-top: 30px;
}

* {
  padding: 0;
  margin: 0;
  user-select: none;
}

a {
  color: #9feaf9;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

a:hover {
  border-bottom: 1px solid;
}

#app {
  flex: 1;
  display: flex;
  flex-direction: column;


  // 图片
  // background-image: url('@renderer/assets/background.jpeg');
  // background-repeat: no-repeat;
  // background-size: cover;
  // background-position: center;
}


/* 我自定义的 */

// app.vue 的根布局大小
.root-n-layout {
  width: 100vw;
  height: 100vh;
}


.thingBottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #cac9c9;
}